<template>
	<view class="pay-modal">
		<view class="pay-dialog">
			<image src="../../static/img/close.png" mode="aspectFill" class="close" @click="close"></image>
			<view class="pay-pwd">
				使用密码
			</view>
			<view class="pay-name">
				{{name}}
			</view>
			<view class="pay-price">
				<text class="u">￥</text>
				{{price}}
			</view>
			<view class="pay-way">
				<view class="pay-key">
					支付方式
				</view>
				<view class="pay-val">
					<text>零钱</text>
					<image src="../../static/img/pay-arrow.png" mode="aspectFill" class="pay-arrow"></image>
				</view>
			</view>
			<view class="sure-btn">
				确认支付
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['name', 'price'],
		data() {
			return {
				
			};
		},
		methods: {
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style>
.pay-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 88888;
	background: rgba(0,0,0,.6);
}
.pay-dialog {
	width: 600upx;
	height: 564upx;
	background:rgba(255,255,255,1);
	border-radius:20upx;
	position: absolute;
	top: 208upx;
	left: 75upx;
}
.close {
	position: absolute;
	top: 41upx;
	left: 38upx;
	width: 28upx;
	height: 28upx;
}
.pay-pwd {
	width:121upx;
	height:30px;
	font-size:30upx;
	font-weight:500;
	color:rgba(17,24,33,1);
	position: absolute;
	top: 39upx;
	right: 33upx;
}
.pay-name {
	height:30upx;
	font-size:31upx;
	text-align: center;
	font-weight:500;
	color:rgba(34,34,34,1);
	margin-top: 129upx;
}
.pay-price {
	text-align: center;
	font-size:74upx;
	font-weight:500;
	color:rgba(34,34,34,1);
	margin-top: 37upx;
}
.u {
	font-size: 52upx;
	display: inline-block;
	transform: translateY(-10upx);
}
.pay-way {
	margin: 54upx auto 0;
	width: 540upx;
	border-top: 1upx solid #F5F5F5;
	padding: 35upx 0;
	display: flex;
	justify-content: space-between;
	font-size:24upx;
	font-weight:500;
	color:rgba(153,153,153,1);
}

.pay-arrow {
	width: 14upx;
	height: 20upx;
	margin-left: 10upx;
}
.sure-btn {
	width:346upx;
	height:76upx;
	background:rgba(17,24,33,1);
	border-radius:9upx;
	font-weight:500;
	color:rgba(234,10,42,1);
	font-size: 34upx;
	text-align: center;
	line-height: 76upx;
	position: absolute;
	left: 127upx;
	bottom: 52upx;
}
</style>
